<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE html>
<html>
    <head>
        <jsp:include page="recursos/includes/Header.jsp"></jsp:include>
    </head>
    <body>
        <div data-role="page" id="page1">
            <div data-theme="b" data-role="header" data-position="fixed">
                <h3>
                    SISTEMA MOBIL RESTAURANTE
                </h3>
            </div>
            <div data-role="content">
                <div class="ui-grid-b">
                    <table width="100%">
                        <tr>
                            <td width="100%" colspan="2" align="center" style="font-size: x-large; font-style: oblique">
                                <div data-role="fieldcontain" align="left">
                                    <label for="name">Descripcion:</label>
                                    <label for="name" id="lblMesaNuevoPedido"><b>Mesa  02  -  Maria Claudia Perez Soliz</b></label>
                                </div>
                                <div data-role="fieldcontain" align="left">
                                    <label for="name">Fecha:</label>
                                    <label for="name"><b>16 / 09 / 2012</b></label>
                                </div>
                                <div data-role="fieldcontain" align="left">
                                    <label for="name">Producto:</label>
                                    <input type="text" name="name" id="name" value="Buscar-->" size="2" disabled="true"/>
                                    <a href="#popupModel" data-rel="dialog">Buscar</a>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <div id="listaProductosParaPedido" data-role="content">
                                    <ul data-role="listview" data-theme="g" id="listaProductosParaPedidoUL">
                                    </ul>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td align="center">
                                <a href="#sure" data-theme="b" data-mini="true" data-rel="dialog" data-role="button">Registrar Pedido</a>
                            </td> 
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </body>
</html>
<div data-role="popup" id="popupModel">
    <div data-role="fieldcontain">
        <label for="select-productos" class="select">Selecciona Producto:</label>
        <select name="select-productos" id="select-productos">
        </select>
    </div>
    <div data-role="fieldcontain">
        <label for="txtPrecio">Precio:(S/.)</label>
        <input id="txtPrecio" type="number" step="1" min="0" disabled="true" >
    </div>
    <div data-role="fieldcontain">
        <label for="textareaDescrip">Descripcion:</label>
        <textarea cols="40" rows="8" name="textareaDescrip" id="textareaDescrip" disabled="true"></textarea>
    </div>
    <div data-role="fieldcontain">
        <label for="txtCantidad" class="select">Cantidad:</label>
        <input id="txtCantidad" name="txtCantidad" type="number" step="1" min="0" >
    </div>
    <div data-role="fieldcontain">
        <a href="#popupModel" data-theme="b" data-role="button" data-rel="back" onclick="guardarProductoDialog()" data-mini="true">Guardar</a>
        <a href="#popupModel" data-theme="b" data-role="button" data-rel="back" onclick="cerrarDialog()" data-mini="true">Cancelar</a>
    </div>    
</div>
<div data-role="dialog" id="sure" data-title="Are you sure?">
    <div data-role="content">
        <h3 class="sure-1">Deseas Registrar Pedido</h3>
        <a href="#" class="sure-do" data-role="button" data-theme="b" data-rel="back" onclick="registrarPedido()">Yes</a>
        <a href="#" data-role="button" data-theme="c" data-rel="back">No</a>
    </div>
</div>
<div data-role="dialog" id="anular" data-title="Are you sure?">
    <div data-role="content">
        <h3 class="sure-1">Deseas Registrar Anular</h3>
        <a href="#" class="sure-do" data-role="button" data-theme="b" data-rel="back" onclick="anularPedido()">Yes</a>
        <a href="#" data-role="button" data-theme="c" data-rel="back">No</a>
    </div>
</div>